@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans:  'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;;
    --layout-admin-bg-color: linear-gradient(135deg, #1e3c72, #2a5298);
    --layout-merchant-bg-color: linear-gradient(135deg, #1e3c72, #2a5298);

    --menu-active-bg-color-1: rgba(255, 255, 255, 0.2);
    --menu-box-shadow-1: 0 4px 15px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.05);

    --menu-active-bg-color: var(--menu-active-bg-color-1);
    --menu-box-shadow: var(--menu-box-shadow-1);
    --menu-text-color: #fff;
}

html,
body {
    font-family: var(--font-sans) system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
